<template>
  <div class="introduce-content" v-loading="infoLoading">
    <!--  活动介绍-->
    <div class="text" v-html="info.eventIntro" v-if="info.eventIntro"></div>
  </div>
</template>

<script>
import {getByIdApi} from "@/api/fair";

export default {
  name: "Introduce",
  data(){
    return{
      infoLoading:false,
      info:{}
    }
  },
  methods:{
    getDetail() {
      this.infoLoading = true
      getByIdApi({id:this.id}).then((res) => {
        this.info = res;
      }).finally(() => {
        this.infoLoading = false
      })
    },
  },
  mounted() {
    this.utils.createParams(this, this.$route.query);
    this.getDetail()
  }
}
</script>

<style lang="scss" scoped>
.introduce-content{
  font-size: 18px;
  line-height: 40px;
 .text{
   font-size: 20px;
   display: -webkit-box;
   line-height: 40px;
   display: flex;
   flex-direction: column;
   overflow-y: scroll;
   height: 560px;
 }
}
</style>
